import { createApp } from "vue"
import App from "@/App.vue"

//暗黑模式引入样式
import 'element-plus/theme-chalk/dark/css-vars.css'

// 配置全局的element plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 配置中文版ElementPlus
//@ts-ignore忽略当前文件ts类型的检测否则有红色提示(打包会失败)
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

//配置tailwindcss文件
import './tailwindcss/tailwind.css'

//svg插件需要的配置代码
import 'virtual:svg-icons-register'
// 引入自定义插件对象:注册整个项目全局的组件
import gloalComponent from './components';
//引入模板的全局的样式
import '@/styles/index.scss'

//引入路由
import router from "./router"

//引入仓库
import pinia from "@/store/index"

// 获取应用实例对象
const app = createApp(App)

// app.use(ElementPlus)
app.use(ElementPlus, {
  locale: zhCn,
})
//安装自定义插件
app.use(gloalComponent);

//注册路由
app.use(router);
// 注册
app.use(pinia)
import "../src/permission"
//将应用挂载到挂载点上
app.mount('#app')


